{template 'include/header'}
<style>
	.show-more {padding-bottom:30px;}
	h5{color:#555;}
	a{color: #e7e7e7;}
	.gy_footer{width: 100%;height: 50px;position: fixed;bottom: 0;left: 0;background: #fff;}
	.gy_footer_li{width: 25%;text-align: center;list-style: none;float: left;}
	.gy_footer_li_img{width: 22px;margin-top: 6px;}
	.gy_footer_li_p{font-size: 12px;line-height: 22px;color: #000;}
	.gy_footer_lic p{color: #43ac43 !important;}
	.bor_btm, .bor_top, .bor_left, .bor_right{position: relative;}
	.bor_btm:after, .bor_top:after, .bor_left:after, .bor_right:after{content: '';position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left top; transform-origin: left top; }
	.bor_btm:after{border-bottom: 1px solid #e7e7e7;}
	.bor_top:after{border-top: 1px solid #e7e7e7;}
	.bor_left:after{border-left: 1px solid #e7e7e7;}
	.bor_right:after{border-right: 1px solid #e7e7e7;}
	.bck_btm:after{content: "";display: block;position: absolute;left: -50%;width: 200%;height: 1px;background: #e7e7e7;-webkit-transform:scale(0.5);}
    .gy_d1{width: 100%;height: 46px;background: #fff;position: fixed;top: 0;left: 0;z-index: 200;}
	.gy_d1l_img{width: 24px;float: left;margin-top: 11px;}
	.gy_d1l_spn{line-height: 46px;}
	.gy_d1l{width: 23%;float: left;margin-left: 2%}
	.gy_d1c{width: 100%;text-align: center;line-height: 46px;}
	.gy_footer{width: 100%;height: 50px;position: fixed;bottom: 0;left: 0;background: #fff;}
	.gy_footer_li{width: 25%;text-align: center;list-style: none;float: left;}
	.gy_footer_li_img{width: 22px;margin-top: 6px;}
	.gy_footer_li_p{font-size: 12px;line-height: 22px;color: #000;}
	.gy_footer_lic p{color: #43ac43 !important;}
    .look_d{width: 100%;padding:10px 3%;background: #fff;}
    .look_d_p1{font-size: 14px;color: #000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
    .look_d_d1d1{width: 30%;height:70px;overflow: hidden;float: left;}
    .look_d_d1d1 img{width: 100%;min-height: 100%}
    .look_d_d1d2{width: 70%;float: left;padding: 0 0 0 6px;}
    .look_d_d1d2_p1{font-size: 11px;color: #777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;line-height: 16px;margin: 0;}
    .look_d_d1d2_p2{color: #999;font-size: 12px;margin:8px 0 0 0;}
</style>
<div class="gy_d1 bor_btm">
	<div class="gy_d1c">公益天地</div>
</div>
<div style="height:55px;width:100%;background:#f2f2f2;"></div>
<div id="fund-sort">
	{loop $list $val}
		<a href="{php echo $this->createMobileUrl('dolooks',array('id'=>$val['id']));}"><div class="look_d bor_btm">
			<p class="look_d_p1">{$val['title']}</p>
			<div class="look_d_d1">
				<div class="look_d_d1d1"><img src="{$_W['attachurl']}{$val['images']}"></div>
				<div class="look_d_d1d2">
					<p class="look_d_d1d2_p1">{$val['short']}</p>
					<p class="look_d_d1d2_p2">{php echo date('Y-m-d H:i:s',$val['add_time']);}</p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div></a>
	{/loop}
</div>
<div class="show-more" style="margin:0 !important; padding:10px  !important; background:#fff;"><a href="javascript:;" onclick="loadPage('1', 'fund-sort')" class="btn btn-default btn-block" id="pager" >浏览更多</a></div>
<script>
	function loadPage(pindex, container) {
		pindex = parseInt(pindex) + 1;
		$('#pager').html('正在加载数据...');
		$.get("{php echo $this->createMobileUrl('looks',array('flag'=>1));}", {'page' : pindex}, function(html){
			if(html!==""){
				$('#'+container).append(html);
				$('#pager').get(0).onclick = function(){
					loadPage(pindex, container);
				}
				$('#pager').html("浏览更多");
			}else{ 
				$('#pager').html("已经显示全部");
			}
		});
	}
</script>
{template 'include/footer'}		
<div style="height:50px;"></div>
	<div class="gy_footer">
		<a href="{php echo $this->createMobileUrl('Welfare');}" style="color:#e7e7e7;"><li class="gy_footer_li bor_top">
			<img class="gy_footer_li_img" src="<?php echo MODULE_URL;?>template/mobile/img/gy_1.png">
			<p class="gy_footer_li_p">首页</p>
		</li></a>
		<a href="{php echo $this->createMobileUrl('founder');}" style="color:#e7e7e7;"><li class="gy_footer_li bor_top">
			<img class="gy_footer_li_img" src="<?php echo MODULE_URL;?>template/mobile/img/gy_4.png">
			<p class="gy_footer_li_p">发起项目</p>
		</li></a>
		<li class="gy_footer_li bor_top gy_footer_lic">
			<img class="gy_footer_li_img" src="<?php echo MODULE_URL;?>template/mobile/img/gy_21.png">
			<p class="gy_footer_li_p">公益天地</p>
		</li>
		<a href="{php echo $this->createMobileUrl('home');}" style="color:#e7e7e7;"><li class="gy_footer_li bor_top">
			<img class="gy_footer_li_img" src="<?php echo MODULE_URL;?>template/mobile/img/gy_3.png">
			<p class="gy_footer_li_p">我</p>
		</li></a>
	</div>
</body>
</html>
